<template>
	<view class="box">
		<view class="search">
			<image src="../../../static/shousuo.png"></image>
			<input type="text" placeholder="贵州" />
		</view>
		<view class="banner">
			<image class="banner_pic" src="../../../static/humanty_img/xcbl.png" mode=""></image>
		</view>
		<view class="introduce_mouble">
			<view class="introduce_mouble_top">
				<image class="introduce_mouble_pic" src="../../../static/humanty_img/mzai.png" mode=""></image>
				<view class="humanty_introduce">
					<text class="humanty_introduce_title">人文介绍</text>
					<text class="humanty_introduce_content">西江苗族侗族乡以其“千户苗寨”而闻名天,苗寨建于明代中期，因村寨大小不同，被人们称为千这里的苗族人民始终保持着其独特的民俗风情和传统文化，是世界上现存最完整、保存最好的少数民族传统村寨之一。</text>
				</view>
			</view>
			<view class="introduce_mouble_bottom">
				<view class="history_introduce">
					<text class="history_introduce_title" >历史介绍</text>
					<view class="history_introduce_imgs">
						<image  v-for="(item,i) in imgs" class="history_introduce_pic" :src="item" mode=""></image>
					</view>
					<text class="history_introduce_content">镇远县，隶属贵州省 黔东南苗族侗族自治州 ，位于贵州省东部 武陵山区是贵州高原向湘西丘陵过渡的斜坡地带，东界湖南省新晃，南邻三穗、剑河，西毗 施秉 ，北接 岑巩 和 铜仁 市的 石阡 ，是贵州省的 东大门 。 </text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgs:[
					"../../../static/humanty_img/zyc.png",
					"../../../static/humanty_img/cl.png",
					"../../../static/humanty_img/clrj.png"
					]
			}
		},
		onLoad() {
			
		},
		methods: {
			
		}
	}
</script>

<style>
	.box{
		margin-top: 50rpx;
	}
	.search {
		width: 620rpx;
		height: 65rpx;
		border-radius: 30rpx;
		background-color: #eff0ef;
		margin: 0 auto;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.search image {
		width: 40rpx;
		height: 40rpx;
	}
	.banner{
		margin-top: 50rpx;
	}
	.banner_pic{
		width: 100%;
		height: 400rpx;
	}
	.introduce_mouble{
		width: 100%;
		background-image: url(../../static/humanty_img/lsbj.png);
	}
	.introduce_mouble_top{
		display: flex;
		padding: 20rpx;
	}
	.introduce_mouble_pic{
		width: 300rpx;
		height: 250rpx;
		margin-top: 150rpx;
	}
	.humanty_introduce{
		width: 430rpx;
		height: 340rpx;
		display: flex;
		flex-direction: column;
		margin: 0 auto;
	}
	.humanty_introduce_title{
		font-family: cursive;
		font-size: 45rpx;
		font-weight: bold;
		color: #3AA950;
		margin:  auto;
	}
	.humanty_introduce_content{
		width: 400rpx;
		height: 240rpx;
		text-indent: 2ex;
		line-height: 2;
		font-size: 20rpx;
		color: #3AA950;
		margin-top: 20rpx;
		padding: 10rpx;
	}
	.introduce_mouble_bottom{
		margin-top: 50rpx;
	}
	.history_introduce{
		display: flex;
		flex-direction: column;
	}
	.history_introduce_title{
		font-family: cursive;
		font-size: 45rpx;
		font-weight: bold;
		color: #3AA950;
		margin-left: 430rpx;
	}
	.history_introduce_imgs{
		display: flex;
		justify-content: space-around;
	}
	.history_introduce_pic{
		width: 230rpx;
		height: 280rpx;
	}
	.history_introduce_content{
	
		text-indent: 2em;
		line-height: 1.5;
		font-size: 25rpx;
		margin-top: 10rpx;
		padding: 10rpx;
	}
</style>
